﻿@{
    Layout = "../Shared/_Layout.cshtml";
}
<div data-main="true">
    <!-- ko if: Photos().length > 0 -->
    <!-- ko template: {name:'photos-template', foreach: Photos()} -->
    <!-- /ko -->
    <!-- ko if: scrolled() & !mobileWidth()-->
    <div data-bind="scroll: scrolled(), scrollOptions: { loadFunc: load, offset: 50 }"></div>
    <!-- /ko -->
    <!-- ko if: scrolled() && mobileWidth() -->
    <div class="row text-center">
        <button class="btn btn-default" data-bind="click: load">
            Загрузить ещё
            <span class="glyphicon glyphicon-arrow-down"></span>
        </button>
    </div>
    <!-- /ko -->
    <!-- /ko -->
</div>
@{
    Html.RenderPartial("Ko/PhotosT");
}
@section scripts
{
    <script>
        $(function () {
            var image = "http://mshots.ru/Content/images/canon.png";
            $("#image_content").attr('content', image);
            $("#image_src").attr('href', image);
        })
    </script>
}
